<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../../plantillas/defaultTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">Sucursales</ui:define>

    <ui:define name="content">
        <p:growl id="mensajes" showDetail="true"/>
            <p:panel header="Datos de la Sucusal">
                <h:panelGrid columns="2">
                    <h:outputLabel value="C&#243;digo"/>
                    <p:inputText id="Sucursal" value="#{administracion$sucursalBackendBean.sucursal}" />
                    <h:outputLabel value="Nombre"/>
                    <p:inputText id="Nombre" value="#{administracion$sucursalBackendBean.nombre}" />
                </h:panelGrid>
                <p:separator/>
                <f:facet name="footer">
                    <p:commandButton value="Guardar" image="guardar" action="#{administracion$sucursalBackendBean.action_guardar()}" update="mensajes tableSucursal Sucursal Nombre"/>
                    <p:commandButton id="Eliminar" value="Eliminar" action="#{administracion$sucursalBackendBean.action_eliminar}" image="eliminar"  update="tableSucursal mensajes Sucursal Nombre"/>
                    <p:commandButton value="Cancelar" image="cancelar" action="#{administracion$sucursalBackendBean.action_cancelar()}" update="mensajes tableSucursal Sucursal Nombre"/>

                </f:facet>
            </p:panel>

            <p:dataTable id="tableSucursal"  
                         value="#{administracion$sucursalBackendBean.listaSucursales}" 
                         update="tableSucursal Modificar Eliminar Sucursal Nombre" 
                         selection="#{administracion$sucursalBackendBean.sucursalSeleccionada}" 
                         rowSelectListener="#{administracion$sucursalBackendBean.onRowSelect}"
                         paginator="true" 
                         rows="10" 
                         selectionMode="single"
                         var="sucursal">


                <f:facet name="header">  
                    <h:outputLabel value="Sucursales Existentes" />
                </f:facet> 
                <p:column headerText="C&#243;digo" >
                    <h:outputLabel value="#{sucursal.sucursalPK.idSucursal}" />
                </p:column>

                <p:column headerText="Sucursal" >
                    <h:outputLabel value="#{sucursal.nomSucursal}" />
                </p:column>

                <f:facet name="footer">  
                    <h:outputLabel value="Total encontradas: #{administracion$sucursalBackendBean.listaSucursales.size() }" /> 
                </f:facet> 

            </p:dataTable>
    </ui:define>

    <ui:define name="bottom">
        bottom
    </ui:define>

</ui:composition>
